.header-top .header {background: #1a85ce;}



* {

	padding: 0;

	margin: 0;

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

}



html,body {

	min-height: 100%;

	height: 100%;

}



body {font-family: "微软雅黑","Helvetica Neue",Helvetica,STHeiTi,sans-serif;-webkit-text-size-adjust: none;background: #fff;color: #fff;font-size: 14px;}



body {

	position: relative;

	background: #fff;

	overflow-x: hidden;

}



ul {

	list-style: none;

}



img {

	border: 0;

	max-width: 100%;

	display: inline-block;

}



input,select,textarea {

	font-family: "微软雅黑","Helvetica Neue",Helvetica,STHeiTi;

	border: 0px none;

}



a {

	text-decoration: none;

	color: #666;

	-webkit-transition: .3s;

	-o-transition: .3s;

	-moz-transition: .3s;

	transition: .3s;

}



a:hover {

	text-decoration: none;

	-webkit-transition: .3s;

	-o-transition: .3s;

	-moz-transition: .3s;

	transition: .3s;

}



h1,h2,h3,h4,h5,h6 {

	font-weight: normal;

}



input:focus {

	outline: none;

}



input[type=button] {

	cursor: pointer;

	outline: none;

	-webkit-appearance: none;

}



input[type=button]:focus,textarea:focus {

	outline: none;

}



p,div,span,h1,h2,h3,h4,h5,h6,textarea,i,a {

	word-break: break-word;

}



.clearfix {

	*zoom: 1;

}



.clearfix::before {

	display: table;

	content: "";

}



.clearfix::after {

	clear: both;

	display: block;

	content: "";

	height: 0;

	overflow: hidden;

	visibility: hidden;

}



input::-webkit-input-placeholder {

	color: #999 !important;

}



input:-moz-input-placeholder {

	color: #999 !important;

}



input::-moz-input-placeholder {

	color: #999 !important;

}



input::-ms-input-placeholder {

	color: #999 !important;

}



.fl {

	float: left;

}



.fr {

	float: right;

}



.clear {

	clear: both;

}



.textHidden {

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

}



.tran300 {

	transition: 300ms ease-out;

	-webkit-transition: 300ms ease-out;

	-ms-transition: 300ms ease-out;

	-moz-transition: 300ms ease-out;

	-o-transition: 300ms ease-out;

}



.tran500 {

	transition: 500ms ease-out;

	-webkit-transition: 500ms ease-out;

	-ms-transition: 500ms ease-out;

	-moz-transition: 500ms ease-out;

	-o-transition: 500ms ease-out;

}



.tran800 {

	transition: 800ms ease-out;

	-webkit-transition: 800ms ease-out;

	-ms-transition: 800ms ease-out;

	-moz-transition: 800ms ease-out;

	-o-transition: 800ms ease-out;

}



.height20 {

	height: 20px;

}



.bg {

	background: rgba(0,0,0,0.5);

	width: 100%;

	height: 100%;

	position: fixed;

	left: 0;

	top: 0;

	z-index: 10;

	display: none;

}



.has-bg {

	background: url(../images/index-item03-bg.png) no-repeat center center fixed/cover;

}



.w1400 {max-width: 1400px;margin: 0 auto;color: #5d5d5d;}



@media screen and (max-width:1400px) {

	.w1400 {

		padding: 0px 50px;

	}

}



@media screen and (max-width:1024px) {

	.w1400 {

		padding: 0px 30px;

	}

}



@media screen and (max-width:768px) {

	.w1400 {

		padding: 0px 20px;

	}

}



.slideIn01 {

	position: relative;

	-webkit-animation: slideIn01;

	-moz-animation: slideIn01;

	-o-animation: slideIn01;

	animation: slideIn01;

	-webkit-animation-duration: 1s;

	-moz-animation-duration: 1s;

	-o-animation-duration: 1s;

	animation-duration: 1s

}



@-webkit-keyframes slideIn01 {

	0% {

		left: 3%;

		opacity: 0

	}



	100% {

		left: 0;

		opacity: 1

	}

}



@-moz-keyframes slideIn01 {

	0% {

		left: 3%;

		opacity: 0

	}



	100% {

		left: 0;

		opacity: 1

	}

}



@-o-keyframes slideIn01 {

	0% {

		left: 3%;

		opacity: 0

	}



	100% {

		left: 0;

		opacity: 1

	}

}



@keyframes slideIn01 {

	0% {

		left: 3%;

		opacity: 0

	}



	100% {

		left: 0;

		opacity: 1

	}

}



.slideIn02 {

	position: relative;

	-webkit-animation: slideIn02;

	-moz-animation: slideIn02;

	-o-animation: slideIn02;

	animation: slideIn02;

	-webkit-animation-duration: 2s;

	-moz-animation-duration: 2s;

	-o-animation-duration: 2s;

	animation-duration: 2s

}



@-webkit-keyframes slideIn02 {

	0% {

		left: 6%;

		opacity: 0

	}



	100% {

		left: 0;

		opacity: 1

	}

}



@-moz-keyframes slideIn02 {

	0% {

		left: 6%;

		opacity: 0

	}



	100% {

		left: 0;

		opacity: 1

	}

}



@-o-keyframes slideIn02 {

	0% {

		left: 6%;

		opacity: 0

	}



	100% {

		left: 0;

		opacity: 1

	}

}



@keyframes slideIn02 {

	0% {

		left: 6%;

		opacity: 0

	}



	100% {

		left: 0;

		opacity: 1

	}

}



.header-top {

	position: fixed;

	width: 100%;

	top: 0;

	left: 0;

	z-index: 10;

}



.header-top .top {

	background: rgba(0,0,0,0.2);

	height: 40px;

	line-height: 40px;

	color: #fff;

}



.header-top .top a {

	color: #fff;

}



.header-top .top a:hover {

	color:#3a94d0 !important;

}



.header-top .top .top-nav a {

	border-right: 1px solid #fff;

	padding-right: 15px;

	margin-left: 15px;

	height: 16px;

	display: inline-block;

	line-height: 16px;

}



.header-top .top .top-nav a:last-child {

	border-right: none !important;

	padding-right: 0 !important;

}



.header-top .top .lang {

	margin-left: 20px;

}



.header-top .top .lang a {

	display: block;

}



.header-top .top .lang a i {

	width: 18px;

	height: 18px;

	display: inline-block;

	background: url(../images/lang-icon.png) no-repeat left top;

	vertical-align: middle;

	margin-top: -2px;

	margin-right: 8px;

}



.header-top .top .login-box {

}



.header-top .top .login-box a {

	margin-left: 20px;

}



.header-top .top .login-box .islogin {

	position: relative;

}



.header-top .top .login-box .islogin i {

	width: 20px;

	height: 15px;

	display: inline-block;

	vertical-align: middle;

	background: url(../images/top-icon01.png) no-repeat center top;

	margin-top: -2px;

}



.header-top .top .login-box .islogin span {

	position: absolute;

	width: 15px;

	height: 15px;

	text-align: center;

	display: block;

	line-height: 15px;

	color: #fff;

	border-radius: 100%;

	background:#3a94d0;

	right: -5px;

	top: -5px;

	font-size: 12px;

}



.header-top .header {

	height: 90px;

	padding-top: 25px;

	position: relative;

}



.header-top .header .logo {

	width: 166px;

}



.header-top .header .nav {

	margin-top: 5px;

}



.header-top .header .nav a {

	color: #fff;

}



.header-top .header .nav a:hover {color: #2e325f !important;}



.header-top .header .nav > ul > li {

	float: left;

	margin-left: 20px;

	margin-right: 20px;

	position: relative;

}



.header-top .header .nav > ul > li .dropdown {

	position: fixed;

	top: 130px;

	left: 0;

	width: 100%;

	background: rgba(0,0,0,0.85);

	z-index: 2;

	height: 0;

	overflow: hidden;

}



.header-top .header .nav > ul > li .dropdown a {

	font-size: 16px;

	color: #ccc;

	position: relative;

}



.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

	width: 10px;

	background:#3a94d0!important;

	border-radius: 1px;

}



.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover {

	background:#3a94d0;

}



.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {

	background-color:#3a94d0;

}



.mCSB_scrollTools .mCSB_draggerRail {

	background-color: #fff!important;

}



.header-top .header .nav > ul > li .dropdown a:hover {

	color:#3a94d0;

}



.header-top .header .nav > ul > li > a {

	font-size: 18px;

	border-bottom: 3px solid transparent;

	padding-bottom: 33px;

}



.header-top .header .nav > ul > li:hover > a,.header-top .header .nav > ul > li.on > a,.header-top .header .nav > ul > li.active > a {

	border-bottom: 3px solid #3a94d0;

	color:#3a94d0;

}



.header-top .header .search {

	border: 1px solid #fff;

	border-radius: 5px;

	height: 40px;

	overflow: hidden;

}



.header-top .header .search input {float: left;background: none;height: 100%;color: red;display: block;}



.header-top .header .search input[type="text"] {padding: 0px 10px;color: #fff !important;width: 223px;}



.header-top .header .search input::-webkit-input-placeholder {

	color: #fff;

}



.header-top .header .search input:-moz-input-placeholder {

	color: #fff;

}



.header-top .header .search input::-moz-input-placeholder {

	color: #fff;

}



.header-top .header .search input::-ms-input-placeholder {

	color: #fff;

}



.header-top .header .search input[type="button"] {

	width: 35px;

	background: url(../images/icon01.png) no-repeat center center;

}



li.nav-pro .dropdown {

}



li.nav-pro .dropdown .content {

	max-width: 1240px;

	margin: 0 auto;

	padding-bottom: 20px;

	padding-bottom: 80px;

	overflow: hidden

}



li.nav-pro .dropdown .content .list {

	float: left;

	width: 20%;

	padding-left: 40px;

	line-height: 36px;

	margin-top: 10px;

	/*height: 200px;*/

}



li.nav-pro .dropdown .content .list .title {

	font-size: 18px;

	height: 45px;

	color:#3a94d0;

	padding-bottom: 25px;

	line-height: 20px;

	border-bottom: 1px solid #666;

	padding-left: 30px;

}



li.nav-pro .dropdown .content .list .title i {

	width: 30px;

	height: 20px;

	position: relative;

	display: block;

	float: left;

	position: absolute;

	left: 0;

}



li.nav-pro .dropdown .content .list .title i img {

	position: absolute;

	left: 0;

	top: 0;

	right: 0;

	bottom: 0;

	max-width: 100%;

	max-height: 100%;

	margin: auto;

}



li.nav-pro .dropdown .content .list a {

	font-size: 16px;

}



li.nav-pro .dropdown .content .list ul {

	padding-top: 10px;

}



li.nav-pro .dropdown .content .list ul li {

}



li.nav-pro .dropdown .content .list ul li a {

	color: #ccc;

}



li.nav-pro .dropdown .content .list .select-box > a {

	color:#3a94d0;

}



.header-top .header .nav > ul > li.nav-pro:hover .dropdown {

	height: 600px;

}



.header-top .header .nav > ul > li.nav-solution .dropdown {

}



li.nav-solution .dropdown .content {

	max-width: 1200px;

	margin: 0 auto;

	position: relative;

	padding-top: 35px;

}



li.nav-solution .dropdown .content .left {

	width: 100%;

	float: left;

	padding-right: 540px;

}



li.nav-solution .dropdown .content .left .tit {

	font-size: 18px;

	color:#3a94d0;

	padding-bottom: 25px;

	line-height: 20px;

	border-bottom: 1px solid #666;

}



li.nav-solution .dropdown .content .left ul {

	line-height: 36px;

	padding-top: 15px;

}



li.nav-solution .dropdown .content .left > div {

	padding-right: 40px;

}



li.nav-solution .dropdown .content .left .nav01 {

	width: 50%;

}



li.nav-solution .dropdown .content .left .nav01 ul {

}



li.nav-solution .dropdown .content .left .nav01 ul li {

	width: 50%;

	float: left;

}



li.nav-solution .dropdown .content .left .nav02 {

	width: 50%;

}



li.nav-solution .dropdown .content .right {

	position: absolute;

	right: 0;

	top: 5px;

	width: 500px;

}



li.nav-solution .dropdown .content .right .list {

	padding: 0px 5px;

	width: 50%;

	float: left;

	height: 150px;

}



li.nav-solution .dropdown .content .right .list a {

	border: 1px solid #666;

	margin-bottom: 10px;

	position: relative;

	display: block;

}



li.nav-solution .dropdown .content .right .list a .img {

}



li.nav-solution .dropdown .content .right .list a .img img {

	display: block;

	width: 100%;

}



li.nav-solution .dropdown .content .right .list a .tit {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: url(../images/nav-solution-bg.png) repeat-x center bottom;

	padding: 0px 10px;

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

}



li.nav-solution .dropdown .content .right .list a .tit span {

	position: absolute;

	bottom: 10px;

	color: #fff;

}



.header-top .header .nav > ul > li.nav-solution:hover .dropdown {

	height: 380px;

}



li.nav-service .dropdown .content {

	max-width: 990px;

	margin: 0 auto;

}



li.nav-service .dropdown .content .list {

	width: 25%;

	float: left;

	padding: 0px 20px;

	padding-top: 35px;

}



li.nav-service .dropdown .content .list .tit {

	font-size: 18px;

	color:#3a94d0;

	padding-bottom: 25px;

	line-height: 20px;

	border-bottom: 1px solid #666;

}



li.nav-service .dropdown .content .list ul {

	line-height: 36px;

	padding-top: 10px;

}



.header-top .header .nav > ul > li.nav-service:hover .dropdown {

	height: 400px;

}



li.nav-buy .dropdown .content {

	max-width: 1200px;

	margin: 0 auto;

	position: relative;

}



li.nav-buy .dropdown .content .tit {

	font-size: 18px;

	color:#3a94d0;

	padding-bottom: 25px;

	line-height: 20px;

	border-bottom: 1px solid #666;

}



li.nav-buy .dropdown .content .left {

	width: 300px;

	position: absolute;

	left: 0;

	top: 0;

}



li.nav-buy .dropdown .content .left .img {

	margin: 20px 0;

}



li.nav-buy .dropdown .content .left .img img {

	display: block;

}



li.nav-buy .dropdown .content .left .txt {

	font-size: 16px;

	color: #ccc;

	line-height: 18px;

}



li.nav-buy .dropdown .content .right {

	margin-top: 35px;

	padding-left: 415px;

}



li.nav-buy .dropdown .content .right > div {

	margin-top: 20px;

}



li.nav-buy .dropdown .content .right .buy-search {

	position: relative;

}



li.nav-buy .dropdown .content .right .buy-search input[type="text"] {

	width: 100%;

	height: 45px;

	border: 1px solid #3f6118;

	border-right: none;

	padding: 0px 20px;

	background: none;

	color: #fff;

	font-size: 16px;

}



li.nav-buy .dropdown .content .right .buy-search input[type="button"] {

	width: 120px;

	height: 100%;

	position: absolute;

	right: 0;

	top: 0;

	color: #fff;

	font-size: 18px;

	text-align: center;

	line-height: 45px;

	background:#3a94d0;

}



li.nav-buy .dropdown .content .right .more {

	background: url(../images/nav-buy-icon01.png) no-repeat left center;

	padding-left: 15px;

}



li.nav-buy .dropdown .content .right .more a {

	color: #7ac142;

	font-size: 14px;

}



li.nav-buy .dropdown .content .right .buy-btn {

	padding-top: 20px;

	margin-top: 30px;

	border-top: 1px solid #666;

}



li.nav-buy .dropdown .content .right .buy-btn a {

	display: block;

	float: left;

	width: 200px;

	height: 45px;

	line-height: 45px;

	text-align: center;

	background:#3a94d0;

	color: #fff;

	margin-right: 20px;

}



li.nav-buy .dropdown .content .right .buy-btn a img {

	display: inline-block;

	vertical-align: middle;

	margin-top: -3px;

	margin-right: 15px;

}



li.nav-buy .dropdown .content .right .buy-btn a:hover {

	color: #fff;

}



.header-top .header .nav > ul > li.nav-buy:hover .dropdown {

	height: 400px;

}



.header-top.on .top {

	background: #f5f5f5;

}



.header-top.on .top a {

	color: #484748;

}



.header-top.on .top .top-nav a {

	border-right: 1px solid #484748;

}



.header-top.on .top .lang a i {

	background-position: left bottom;

}



.header-top.on .header {

	background: rgba(0,0,0,0.7);

}



.header-top.on .header .search {border: 1px solid rgb(255, 255, 255);}



.header-top.on .header .search input[type="text"] {color:#3a94d0;}



.header-top.on .header .search input::-webkit-input-placeholder {

	color:#3a94d0;

}



.header-top.on .header .search input:-moz-input-placeholder {

	color:#3a94d0;

}



.header-top.on .header .search input::-moz-input-placeholder {

	color:#3a94d0;

}



.header-top.on .header .search input::-ms-input-placeholder {

	color:#3a94d0;

}



.header-top.on .header .search input[type="button"] {/* background: url(../images/icon01-on.png) no-repeat center center; */}



.header-top.page-top {

}



.header-top.page-top .top {

	background: #f5f5f5;

}



.header-top.page-top .top a {

	color: #484748;

}



.header-top.page-top .top .top-nav a {

	border-right: 1px solid #484748;

}



.header-top.page-top .top .lang a i {

	background-position: left bottom;

}



.header-top.page-top .header {

	background: rgba(0,0,0,0.7);

}



.header-top.page-top .header .search {

	border: 1px solid rgba(120,188,39,0.3);

}



.header-top.page-top .header .search input[type="text"] {

	color:#3a94d0;

}



.header-top.page-top .header .search input::-webkit-input-placeholder {

	color:#3a94d0;

}



.header-top.page-top .header .search input:-moz-input-placeholder {

	color:#3a94d0;

}



.header-top.page-top .header .search input::-moz-input-placeholder {

	color:#3a94d0;

}



.header-top.page-top .header .search input::-ms-input-placeholder {

	color:#3a94d0;

}



.header-top.page-top .header .search input[type="button"] {

	background: url(../images/icon01-on.png) no-repeat center center;

}



@media screen and (max-width:768px) {

	.header-top .header .search input[type="button"] {

		display: block;

		position: absolute;

		right: 70px;

		height: 30px;

	}



	.header-top .header .search input[type="text"] {

		padding-right: 105px;

	}

}



@media screen and (min-width:1023px) {

	li.nav-pro .dropdown .content .list .title {

		height: 45px;

	}



	.header-top:hover {

	}



	.header-top:hover .top {

		background: #f5f5f5;

	}



	.header-top:hover .top a {

		color: #484748;

	}



	.header-top:hover .top .top-nav a {

		border-right: 1px solid #484748;

	}



	.header-top:hover .top .lang a i {

		background-position: left bottom;

	}



	.header-top:hover .header {background: rgb(26, 133, 206);}



	.header-top:hover .header .search {border: 1px solid#ffffff;}



	.header-top:hover .header .search input[type="text"] {

		color:#3a94d0;

	}



	.header-top:hover .header .search input::-webkit-input-placeholder {

		color:#3a94d0;

	}



	.header-top:hover .header .search input:-moz-input-placeholder {

		color:#3a94d0;

	}



	.header-top:hover .header .search input::-moz-input-placeholder {

		color:#3a94d0;

	}



	.header-top:hover .header .search input::-ms-input-placeholder {

		color:#3a94d0;

	}



	.header-top:hover .header .search input[type="button"] {/* background: url(../images/icon01-on.png) no-repeat center center; */}

}



.menu {

	right: 20px;

	top: 50%;

	position: absolute;

	margin-top: -15px;

	display: none;

}



.menu .menu-body {

	width: 30px;

	height: 30px;

	position: relative;

	transform: translateZ(0) rotate(0);

	transition: transform .4s cubic-bezier(.4,.01,.165,.99)

}



.menu .menuitem {

	position: absolute;

	left: 0;

	top: 0;

	transform: translateZ(0) rotate(0);

	transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s;

	-webkit-transform: translateZ(0) rotate(0);

	-webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s;

	width: 30px;

	height: 30px

}



.menu .menuitem .rect {

	width: 30px;

	height: 2px;

	border-radius: 30px;

	background: #fff;

	position: absolute;

	left: 0;

	top: 14px;

	transition: transform .2s ease .2s;

	-webkit-transition: -webkit-transform .2s ease .2s

}



.menu .menuitem .rect.top-line {

	transform: translate3d(0,-6px,0);

	-webkit-transform: translate3d(0,-6px,0)

}



.menu .menuitem .rect.bottom-line {

	transform: translate3d(0,6px,0);

	-webkit-transform: translate3d(0,6px,0)

}



.menu.on .menu-body {

	transform: translateZ(0) rotate(90deg);

	-webkit-transform: translateZ(0) rotate(90deg)

}



.menu.on .menuitem {

	transform: translateZ(0) rotate(45deg);

	transition: transform .25s cubic-bezier(.4,.01,.165,.99) .2s;

	-webkit-transform: translateZ(0) rotate(45deg);

	-webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) .2s

}



.menu.on .menuitem.bottom-line {

	transform: translateZ(0) rotate(-45deg);

	-webkit-transform: translateZ(0) rotate(-45deg)

}



.menu.on .menuitem .rect {

	transition: transform .2s ease 0s;

	transform: translate3d(0,0,0);

	-webkit-transition: -webkit-transform .2s ease 0s;

	-webkit-transform: translate3d(0,0,0)

}



@media screen and (max-width:1240px) {

	li.nav-pro .dropdown .content {

		padding: 0px 10px;

	}

}



@media screen and (max-width:1200px) {

	li.nav-solution .dropdown .content,li.nav-buy .dropdown .content {

		padding: 0px 10px;

	}



	li.nav-solution .dropdown .content .right {

		right: 10px;

	}



	li.nav-solution .dropdown .content {

		padding-top: 30px;

		padding-left: 20px;

	}

}



@media screen and (max-width:1024px) {

	li.nav-buy .dropdown .content .left {

		left: 20px;

	}



	li.nav-buy .dropdown .content .right {

		padding-left: 360px;

	}



	li.nav-buy .dropdown .content .right .buy-btn a {

		width: 190px;

	}



	li.nav-buy .dropdown .content .right .buy-btn a:last-child {

		margin-right: 0;

	}

}



@media screen and (max-width:768px) {

	.menu {

		display: block;

		margin-top: -30px;

	}



	.header-top .header {

		padding-top: 15px;

		height: 60px;

	}



	.header-top .header .search {

		margin-right: 50px;

		height: 30px;

		width: 145px;

	}



	.header-top .header .logo {

		width: 100px;

		margin-top: 5px;

	}



	.header-top .header .nav {

		position: fixed;

		left: -35%;

		height: 100%;

		width: 35%;

		background: rgba(0,0,0,0.7);

		margin-top: 0;

		top: 100px;

		padding-top: 10px;

		transition: 300ms ease-out;

		-webkit-transition: 300ms ease-out;

		-ms-transition: 300ms ease-out;

		-moz-transition: 300ms ease-out;

		-o-transition: 300ms ease-out;

		z-index: 3;

	}



	.header-top .header .nav.on {

		left: 0;

	}



	.header-top .header .nav > ul > li {

		margin: 0;

		width: 100%;

		line-height: 40px;

	}



	.header-top .header .nav > ul > li > a {

		font-size: 16px;

		display: block;

		padding-left: 20px;

		padding-bottom: 0;

	}



	.header-top .header .nav > ul > li .dropdown {

		left: 35%;

		top: 100px;

		overflow-y: auto;

		display: none;

	}



	li.nav-solution .dropdown .content,li.nav-buy .dropdown .content {

		padding: 0px 20px;

	}



	li.nav-pro .dropdown .content .list {

		margin-top: 15px;

		width: 100%;

		padding-left: 10px;

		line-height: 24px;

		height: auto;

	}



	.header-top .header .nav > ul > li.nav-pro .dropdown .content .list a {

		font-size: 14px;

	}



	li.nav-pro .dropdown .content .list .select-box {

		display: none;

	}



	li.nav-pro .dropdown .content .list .title {

		font-size: 16px;

		padding-bottom: 15px;

	}



	.header-top .header .nav > ul > li.nav-solution .dropdown {

		padding-right: 35%;

	}



	li.nav-solution .dropdown .content .left {

		padding-right: 0;

		float: none;

		padding-top: 20px;

	}



	li.nav-solution .dropdown .content .left > div {

		width: 100% !important;

		padding-right: 0;

		float: none;

		margin-bottom: 15px;

	}



	li.nav-solution .dropdown .content .left .tit {

		padding-bottom: 15px;

		font-size: 16px;

	}



	li.nav-solution .dropdown .content .left a {

		font-size: 14px !important;

	}



	li.nav-solution .dropdown .content .left ul {

		line-height: 24px;

	}



	li.nav-solution .dropdown .content .right {

		position: static;

		width: 100%;

	}



	li.nav-solution .dropdown .content .right .list {

		width: 50%;

	}



	li.nav-service .dropdown {

		left: 35% !important;

		padding-right: 35%;

	}



	li.nav-service .dropdown .content .list {

		width: 50%;

		padding-top: 20px;

	}



	li.nav-service .dropdown .content .list .tit {

		font-size: 16px;

		padding-bottom: 15px;

	}



	li.nav-service .dropdown .content .list ul {

		line-height: 24px;

	}



	li.nav-service .dropdown .content .list ul li a {

		font-size: 14px;

	}



	li.nav-buy .dropdown {

		left: 35% !important;

		padding-right: 35%;

	}



	li.nav-buy .dropdown .content .tit {

		font-size: 16px;

		padding-bottom: 15px;

	}



	li.nav-buy .dropdown .content .left {

		position: static;

		width: 100%;

		margin-top: 20px;

	}



	li.nav-buy .dropdown .content .left .img {

		margin: 15px 0;

	}



	li.nav-buy .dropdown .content .left .txt {

		font-size: 14px;

	}



	li.nav-buy .dropdown .content .right {

		padding: 0;

		margin-top: 25px;

	}



	li.nav-buy .dropdown .content .right .buy-search input {

		font-size: 14px !important;

	}



	li.nav-buy .dropdown .content .right .buy-search input[type="text"] {

		padding: 0px 10px;

	}



	li.nav-buy .dropdown .content .right .buy-btn a {

		width: 32.66%;

		margin-right: 1%;

		font-size: 14px;

	}



	li.nav-buy .dropdown .content .right .buy-btn a:last-child {

		margin-right: 0;

	}



	.header-top .header .nav > ul > li.active .dropdown {

		display: block;

	}

}



@media screen and (max-width:768px) {

	body {

		padding-top: 135px;

	}



	.header-top .top {

		height: auto;

	}



	.header-top .top .w1400 > .fr {

		float: none;

	}



	.header-top .top .top-nav {

		width: 100%;

		height: 35px;

		padding-top: 10px;

	}



	.header-top .top .top-nav a {

		width: 20%;

		text-align: center;

		margin: 0;

		display: block;

		float: left;

		padding-right: 0;

	}



	.header-top .header .nav > ul > li .dropdown,.header-top .header .nav {

		top: 135px;

	}



	.header-top .header {

		background: rgba(0,0,0,0.2);

	}

}



@media screen and (max-width:640px) {

	li.nav-solution .dropdown .content .right .list {

		width: 100%;

	}



	li.nav-solution .dropdown .content .right .list a .tit span {

		font-size: 14px;

		bottom: 0;

	}



	li.nav-service .dropdown .content .list {

		width: 100%;

		padding-top: 15px;

	}



	li.nav-buy .dropdown .content .left .img img {

		max-width: 100%;

	}



	li.nav-buy .dropdown .content .right .buy-search input[type="text"] {

		border: 1px solid #3f6118;

		margin-bottom: 10px;

	}



	li.nav-buy .dropdown .content .right .buy-search input[type="button"] {

		position: static;

	}



	li.nav-buy .dropdown .content .right .buy-btn a {

		width: 100%;

		margin: 0;

		margin-bottom: 10px;

	}

}



.footer {

	color: #e5e5e5;

	background: #333;

	padding-top: 55px;

}



.footer .tit {

	font-size: 16px;

	margin-bottom: 15px;

}



.footer a {

	color: #e5e5e5;

}



.footer .left {

	float: left;

}



.footer .left .list {

	float: left;

	width: 140px;

}



.footer .left .list ul {

}



.footer .left .list ul li {

	line-height: 30px;

}



.footer .left .list ul li a {

}



.footer .left .list ul li a:hover {

	color:#3a94d0;

}



.footer .right {

	float: right;

}



.footer .right .share {

	margin-bottom: 25px;

}



.footer .right .share a {

	float: left;

	display: block;

	margin-right: 15px;

	line-height: 20px;

}



.footer .right .share a.sina {

	background: url(../images/footer-icon01.png) no-repeat center center;

	width: 24px;

	height: 20px;

}



.footer .right .ewm {

	text-align: center;

	color: #999;

	line-height: 30px;

}



.footer .right .ewm img {

	display: block;

	width: 120px;

	height: 120px;

}



.footer .right .service {

	margin-left: 20px;

}



.footer .right .service a {

	width: 130px;

	height: 40px;

	line-height: 40px;

	display: block;

	text-align: center;

	color: #fff;

	border-radius: 5px;

	background:#3a94d0;

}



.footer .right .service a img {

	display: inline-block;

	vertical-align: middle;

	margin-top: -3px;

	margin-right: 15px;

}



.footer .right .service .time {

	margin: 10px 0 5px 0;

}



.footer .right .service .tel {

	font-size: 24px;

}



.footer .copy {

	border-top: 1px solid #444;

	padding: 20px 0;

	color: #999;

	margin-top: 50px;

}



.footer .copy a {

	color: #999;

}



.footer .copy .right .foot-nav {

}



.footer .copy .right .foot-nav a {

	border-right: 1px solid #838383;

	padding-right: 15px;

	margin-right: 15px;

	height: 15px;

	line-height: 15px;

	display: block;

	float: left;

}



.footer .copy .right .lang {

	line-height: 15px;

}



.footer .copy .right .lang img {

	display: inline-block;

	vertical-align: middle;

	margin-top: -4px;

	width: 20px;

	height: 20px;

	border-radius: 100%;

	margin-right: 10px;

}



@media screen and (max-width:1200px) {

	.footer .left .list {

		width: 120px;

	}

}



@media screen and (max-width:1024px) {

	.footer {

		padding-top: 10px;

	}



	.footer .left {

		width: 100%;

	}



	.footer .left .list {

		width: 100%;

	}



	.footer .left .list .tit {

		height: 40px;

		line-height: 40px;

		border-bottom: 1px solid #444;

		margin-bottom: 0;

		background: url(../images/footer-add.png) no-repeat right center/18px auto;

	}



	.footer .left .list .tit.on {

		background: url(../images/footer-reduce.png) no-repeat right center/18px auto;

	}



	.footer .left .list ul {

		display: none;

		padding-top: 10px;

	}



	.footer .left .list ul li {

		line-height: 24px;

	}



	.footer .right {

		width: 100%;

		margin-top: 25px;

		text-align: center;

	}



	.footer .right .share {

		margin: 0;

	}



	.footer .right .share a {

		display: inline-block;

		float: none;

		vertical-align: middle;

		margin: 0px 10px;

	}



	.footer .right .ewm {

		width: 100%;

		float: none !important;

		margin: 15px 0;

	}



	.footer .right .ewm img {

		display: block;

		margin: 0 auto;

	}



	.footer .right .service {

		float: none !important;

		margin-left: 0;

	}



	.footer .right .service a {

		display: inline-block;

	}



	.footer .copy {

		text-align: center;

		margin-top: 20px;

	}



	.footer .copy * {

		float: none !important;

	}



	.footer .copy .left,.footer .copy .right {

		width: 100%;

	}



	.footer .copy .right {

		margin-top: 10px;

	}



	.footer .copy .right .foot-nav a {

		display: inline-block;

	}



	.footer .copy .right .lang {

		margin-top: 15px;

	}



	.footer .copy .right .lang img {

		margin-top: -3px;

	}

}



.tranImg {

	-webkit-transform: scale(1.0);

	-ms-transform: scale(1.0);

	-o-transform: scale(1.0);

	transform: scale(1.0);

	transition: 300ms ease-out;

	-webkit-transition: 300ms ease-out;

	-ms-transition: 300ms ease-out;

	-moz-transition: 300ms ease-out;

	-o-transition: 300ms ease-out;

}



.position {

	font-size: 16px;

	padding: 20px 0;

}



.position a {

	font-size: 16px;

}



.page-content {

	padding-top: 130px;

}



@media screen and (max-width:1024px) {

	.page-content {

		padding-top: 100px;

	}



	.position {

		padding: 15px 0;

	}



	.position,.position a {

		font-size: 12px;

	}

}



@media screen and (max-width:768px) {

	.page-content {

		padding-top: 0;

	}

}



.page-banner {

	height: 390px;

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center center;

	position: relative;

	z-index: 1;

}



.page-banner .txt {

	position: absolute;

	width: 100%;

	text-align: center;

	font-size: 24px;

	color: #fff;

	z-index: 2;

	top: 52%;

}



.page-content02 {

	padding-top: 40px;

}



@media screen and (max-width:1024px) {

	.page-banner {

		height: 250px;

	}

}



@media screen and (max-width:768px) {

	.page-banner {

		height: 0;

		padding-top: 26%;

	}



	.page-content02 {

		padding-top: 0;

		margin-top: -60px;

	}



	.page-banner .txt {

		font-size: 18px;

		top: 55%;

	}

}



.mTable-pagination {

	text-align: center;

	margin: 0 auto;

	padding: 60px 0;

	width: 100%;

}



.mTable-pagination a {

	margin-right: 10px;

	min-width: 40px;
	padding:0px 18px;
	height: 40px;

	text-align: center;

	line-height: 38px;

	font-size: 14px;

	border: 1px solid #eee;

	display: inline-block;

}
.mTable-pagination span {

	margin-right: 10px;

	min-width: 40px;
	padding:0px 18px;
	height: 40px;

	text-align: center;

	line-height: 38px;

	font-size: 14px;

	border: 1px solid #eee;

	display: inline-block;

}




.mTable-pagination a:last-child {

	margin-right: 0;

}



.mTable-pagination span {

	background:#3a94d0;

	color: #fff;

	border: 1px solid#3a94d0;

}



.mTable-pagination a.previous_page {

	/*background: url(../images/icons-009.png) no-repeat center center;*/

}



.mTable-pagination a.next_page {

	/*background: url(../images/icons-010.png) no-repeat center center;*/

}



.mTable-pagination a:hover {

	border-color:#3a94d0;

}



@media screen and (max-width:480px) {

	.mTable-pagination a {

		width: 30px;

		line-height: 28px;

		font-size: 12px;

		height: 30px;

		margin-right: 5px;

	}

}



@media screen and (max-width:320px) {

	.mTable-pagination a {

		width: 27px!important;

	}

}



.page-container {

	max-width: 1400px;

	margin: 0 auto;

}



.minH500 {

	min-height: 500px;

}



.mColorGreen {

	color:#3a94d0;

}



.marginB10 {

	margin-bottom: 10px !important;

}



.marginB20 {

	margin-bottom: 20px !important;

}



.marginB30 {

	margin-bottom: 30px !important;

}



.marginT30 {

	margin-top: 30px !important;

}



.fontSize-24 {

	font-size: 24px !important;

}



.fontSize-20 {

	font-size: 20px !important;

}



.fontSize-18 {

	font-size: 18px !important;

}



.fontSize-16 {

	font-size: 16px !important;

}



input::-webkit-input-placeholder {

	color: #484748;

}



input:-moz-placeholder {

	color: #484748;

}



input::-moz-placeholder {

	color: #484748;

}



input:-ms-input-placeholder {

	color: #484748;

}



.page-containerLR20 {

}



@media screen and (max-width:1400px) {

	.page-containerLR20 {

		padding-left: 20px;

		padding-right: 20px;

	}

}



@media screen and (max-width:640px) {

	.minH500 {

		min-height: auto;

	}

}



.exp-content .exp-content-tit .swiper-wrapper span {

	cursor: pointer;

	-moz-user-select: -moz-none;

	-moz-user-select: none;

	-o-user-select: none;

	-khtml-user-select: none;

	-webkit-user-select: none;

	-ms-user-select: none;

	user-select: none;

}



.add-popupCar {

	border-left: 1px solid #e6e6e6;

	z-index: 999;

	position: fixed;

	right: -330px;

	top: 0;

	width: 330px;

	height: 100%;

	background: #fff;

	padding: 15px;

	overflow: auto;

}



.add-popupCar .addShoppingCarClose {

	cursor: pointer;

}



.add-popupCar.active {

	right: 0;

}



.add-popupCar i {

	font-style: normal;

}



.add-popupCar>div {

	position: relative;

}



.add-popupCar .shoppingcar-list .tit {

	font-size: 16px;

	padding: 0 5px;

	border-bottom: 1px solid #e6e6e6;

	padding-bottom: 18px;

}



.add-popupCar .shoppingcar-list ul li {

	border-bottom: 1px dashed #ccc;

	position: relative;

}



.add-popupCar .shoppingcar-list ul li .product {

	display: inline-block;

}



.add-popupCar .shoppingcar-list ul li b {

	display: inline-block;

	width: 75px;

	height: 45px;

	background-position: center;

	background-size: contain;

	background-repeat: no-repeat;

}



.add-popupCar .shoppingcar-list ul li .fr * {

	float: left;

}



.add-popupCar .shoppingcar-list ul li input {

	float: left;

	cursor: pointer;

}



.add-popupCar .shoppingcar-list ul li input[type="checkbox"] {

	margin-top: 15px;

	visibility: hidden;

}



.add-popupCar .shoppingcar-list ul li label,.add-popupCar .shoppingcar-list .bottom .clearfix label {

	cursor: pointer;

	display: inline-block;

	width: 14px;

	height: 14px;

	border: 1px solid #ccc;

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: -7px;

}



.add-popupCar .shoppingcar-list ul li input:checked+label:after,.add-popupCar .shoppingcar-list .bottom .clearfix input:checked+label:after {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	width: 8px;

	height: 4px;

	border: 2px solid#3a94d0;

	border-top-color: transparent;

	border-right-color: transparent;

	-ms-transform: rotate(-60deg);

	-moz-transform: rotate(-60deg);

	-webkit-transform: rotate(-60deg);

	transform: rotate(-45deg);

}



.add-popupCar .shoppingcar-list ul li .fr span {

	display: inline-block;

	width: 25px;

	height: 25px;

	border: 1px solid #ccc;

	text-align: center;

	line-height: 20px;

	font-size: 20px;

	cursor: pointer;

}



.add-popupCar .shoppingcar-list ul li .fr input {

	width: 30px;

	height: 25px;

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	display: inline-block;

	text-align: center;

}



.add-popupCar .shoppingcar-list ul li {

	padding: 20px 0;

}



.add-popupCar .shoppingcar-list ul li .product {

	width: 120px;

}



.add-popupCar .shoppingcar-list ul li .product span {

	color: #ccc;

	cursor: pointer;

	line-height: 26px;

}



.add-popupCar .shoppingcar-list ul li .num {

	padding-top: 10px;

}



.add-popupCar .shoppingcar-list .bottom .clearfix {

	padding: 20px 0;

	position: relative;

}



.add-popupCar .shoppingcar-list .bottom .clearfix input {

	vertical-align: middle;

	margin-right: 5px;

	visibility: hidden;

	cursor: pointer;

}



.add-popupCar .shoppingcar-list .bottom .clearfix span.fr {

	color: #ccc;

}



.add-popupCar .shoppingcar-list .bottom .more,.add-popupCar .shoppingcar-list .bottom .btn {

	text-align: right;

}



.add-popupCar .shoppingcar-list .bottom .more a {

	color:#3a94d0;

	margin-top: 15px;

	display: inline-block;

}



.add-popupCar .shoppingcar-list .bottom .btn button {

	min-width: 120px;

	height: 40px;

	line-height: 40px;

	border: 0;

	background:#3a94d0;

	border-radius: 5px;

	color: #fff;

	font-size: 16px;

	cursor: pointer;

	margin-top: 25px;

}



.add-headerR {

	position: relative;

	cursor: pointer;

}



.add-headerA {

	position: absolute;

	left: -16px;

	top: 7px;

	display: none;

}



span.addShoppingCar {

	position: relative;

}



span.addShoppingCar i {

	position: absolute;

	top: -9px;

	line-height: 15px;

	font-size: 12px;

	right: -5px;

	display: inline-block;

	min-width: 15px;

	text-align: center;

	height: 15px;

	font-style: normal;

	background:#3a94d0;

	z-index: 999;

	color: #fff;

	border-radius: 100%;

}



.add-nav .aaddShoppingCar {

	position: relative;

}



.add-nav .addShoppingCar i {

	position: absolute;

	top: -9px;

	line-height: 18px;

	font-size: 14px;

	right: 4px;

	display: inline-block;

	min-width: 25px;

	text-align: center;

	height: 18px;

	font-style: normal;

	background:#3a94d0;

	z-index: 999;

	color: #fff;

	border-radius: 10px;

	padding: 0px 2px;

}



.add-nav {

	position: fixed;

	right: -36px;

	top: 50%;

	width: 50px;

	z-index: 55;

	margin-top: -100px;

}



.add-nav:hover {

	right: 0;

}



.add-nav.active {

	right: 330px;

}



.add-nav ul li {

	width: 50px;

	height: 50px;

	line-height: 50px;

	background-color: #ccc;

	text-align: center;

	margin-top: 1px;

	cursor: pointer;

	position: relative;

}



.add-nav ul li span {

	position: absolute;

	left: 50px;

	width: 90px;

	background:#3a94d0;

	color: #fff;

}



.add-nav ul li img {

	vertical-align: middle;

	max-width: 50px;

	max-height: 50px;

}



.add-nav ul li:hover span {

	left: -90px;

}



.add-nav ul li:hover {

	background:#3a94d0;

}



@media screen and (max-width:640px) {

	.add-nav ul li,.add-nav ul li.addTop span {

		display: none;

	}



	.add-nav ul li.addTop {

		display: block;

		right: 0;

	}



	.add-nav {

		top: 100%;

		right: -50px;

	}



	.add-headerA {

		display: block;

	}



	.add-popupCar {

		width: 100%;

		right: -640px;

	}

}



.header-top .lang {

	position: relative;

}



.header-top .lang:hover .check-lang {

	opacity: 1;

	z-index: 3;

	display: block;

}



.header-top .lang .check-lang {

	color: #333;

	display: none;

	opacity: 0;

	position: absolute;

	left: 0;

	top: 40px;

	white-space: nowrap;

	background: #fff;

	padding: 20px;

	border: 1px solid #e6e6e6;

	border-radius: 4px;

	-moz-box-shadow: 0px -1px 4px 0px #e6e6e6;

	-ms-box-shadow: 0px -1px 4px 0px #e6e6e6;

	-webkit-box-shadow: 0px -1px 4px 0px #e6e6e6;

	-o-box-shadow: 0px -1px 4px 0px #e6e6e6;

	box-shadow: 0px -1px 4px 0px #e6e6e6;

	z-index: 0;

	max-height: 500px;

	overflow-y: auto;

}



@media screen and (max-width:640px) {

	.header-top .lang .check-lang {

		max-height: 280px

	}

}



.header-top .lang .check-lang:after {

	width: 0px;

	height: 0px;

	position: absolute;

	top: -16px;

	left: 41px;

	padding: 0;

	border-bottom: 8px solid #FFF;

	border-top: 8px solid transparent;

	border-left: 8px solid transparent;

	border-right: 8px solid transparent;

	display: block;

	content: '';

	z-index: 12;

}



.header-top .lang .check-lang:before {

	width: 0px;

	height: 0px;

	position: absolute;

	top: -18px;

	left: 40px;

	padding: 0;

	border-bottom: 9px solid #ccc;

	border-top: 9px solid transparent;

	border-left: 9px solid transparent;

	border-right: 9px solid transparent;

	display: block;

	content: '';

	z-index: 10;

}